import axios from 'axios'
import { message } from 'ant-design-vue'
import useToken from '@/stores/token'
import router from '@/router'
const service = axios.create({
  baseURL: '/api',
  timeout: 10000
})

// 请求拦截器
service.interceptors.request.use(config => {
  const { token } = useToken()
  if (token) {
    config.headers.Authorization = `Bearer ${token.token}`
  }
  return config

}, error => Promise.reject(error))

// 响应拦截器
service.interceptors.response.use(
  // 网络请求成功
  (response) => {
    const { code, msg, data } = response.data
    // 业务逻辑错误
    if (code !== 10000) {
      message.error(msg || 'Error: 业务错误')
      return Promise.reject(new Error(msg || 'Error: 业务错误'))
    } else {
      return data
    }
  },
  // 网络请求失败
  (error) => {
    if (error.response.status === 401) {
      // 此时说明token超时了- 超时和没有token是没有任何区别的
      const { removeToken } = useToken()
      removeToken() // 删除token
      // 回到登录
      router.push('/login')
    }
    message.error(error.response.data.msg || 'Error: 网络错误')
    return Promise.reject(error)
  }
)

export default service
